<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="bootstrap.min.css"/>
    <link rel="stylesheet" href="app.css"/>
</head>
<body class="home-template">
    <header class="main-header">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <a href="http://www.doramart.com" class="branding" title="doraCMS">
                        <img src="http://static.ghostchina.com/image/b/46/4f5566c1f7bc28b3f7ac1fada8abe.png" alt=""/>
                        <h2 class="text-hide">
                            design by doraCMS
                        </h2>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <nav class="main-navigation">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="navbar-header">
                        <span class="navbar-toggle-button collapse" data-target="#main-menu">
                            <span class="sr-only">Toggle Navigation</span>
                            <i class="fa fa-bars"></i>
                        </span>
                    </div>
                    <div class="collapse navbar-collapse" id="main-menu">
                        <ul class="menu">
                            <li class="nav-current" role="presentation">
                                <a href="#">首页</a>
                            </li>
                            <li role="presentation">
                                <a href="#">论坛</a>
                            </li>
                            <li role="presentation">
                                <a href="#">快捷手册</a>
                            </li>
                            <li role="presentation">
                                <a href="#">中文文档</a>
                            </li>
                            <li role="presentation">
                                <a href="#">下载</a>
                            </li>
                            <li role="presentation">
                                <a href="#">关于</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </nav>
    <section class="content-wrap">
        <div class="container">
            <div class="row">
                <div class="col-md-4"></div>
                <main class="col-md-4 loginBox">
                    <form action="">
                        <div class="form-group">
                            <label for="inputUserName" class="col-sm-">用户名</label>
                            <input type="text" class="form-control" id="inputUserName" placeholder="请输入用户名"/>
                        </div>
                        <div class="form-group">
                            <label for="inputPsd">密码</label>
                            <input type="password" class="form-control" id="inputPsd" placeholder="请输入密码"/>
                        </div>
                        <button type="button" class="btn btn-default">登录</button>
                     
                    </form>
                </main>
                <div class="col-md-4"></div>
            </div>
        </div>
    </section>
    <footer class="main-footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h4>最新文章</h4>
                    <div class="content recent-post">
                        <div class="recent-single-post">
                            <a href="#" class="post-title">我们是“开源公司”</a>
                            <div class="date">2015-4-7 13:56:25</div>
                        </div>
                        <div class="recent-single-post">
                            <a href="#" class="post-title">我们是“开源公司”</a>
                            <div class="date">2015-4-7 13:56:25</div>
                        </div>
                        <div class="recent-single-post">
                            <a href="#" class="post-title">我们是“开源公司”</a>
                            <div class="date">2015-4-7 13:56:25</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="widget">
                        <h4 class="title">标签云</h4>
                        <div class="content tag-cloud">
                            <a href="#">Ghost</a>
                            <a href="#">新版本发布</a>
                            <a href="#">javascript</a>
                            <a href="#">上传</a>
                            <a href="#">Ghost</a>
                            <a href="#">Ghost</a>
                            <a href="#">Ghost</a>
                            <a href="#">静态页面</a>
                            <a href="#">Ghost</a>
                            <a href="#">Ghost</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="widget">
                        <h4 class="title">合作伙伴</h4>
                        <div class="content tag-cloud friend-links" >
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                            <a href="#">doraCMS</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>